import React from 'react';
import {Text,StyleSheet} from 'react-native';

import TouchableView from './touchableView';
import screen from '../../utils/screen';
import LinearGradient from 'react-native-linear-gradient';


const LGBtn = ({title,colors=['#1876FF','#2531F4'],style,onPress})=>{

    return (
        <TouchableView
            style={style}
            onPress={onPress}
        >
            <LinearGradient colors={colors} style={styles.loginBtn}>

                <Text style={{color:'#fff',fontSize:screen.PIXEL_30}}>{title}</Text>

            </LinearGradient>

        </TouchableView>
    )
}

export default LGBtn

const styles = StyleSheet.create({
    loginBtn:{
        width:screen.PIXEL_500,height: screen.PIXEL_90,flexDirection:'row',
        justifyContent:'center',alignItems:'center',borderRadius:60
    },
})
